.index {
  width: 100vw;
  height: 100vh;
  background-color: #F2F3F5;
  
  .header {
    width: 100vw;
    height: 148px;
    // background-color: rgb(223, 146, 146);
    // overflow: auto;
    // .search-box {
    //   height: 50.5px;
    //   width: 100vw;
    //   // overflow: hidden;
    // }
    .swipe-box {
      // background: linear-gradient(180deg, #0096FF 0%, #ffffff 100%);
      width: 100vw;
      height: 123px;
      // padding-top: 5px;    
      .swipe {
        width: 100vw;
        height: 123px;
    
        .swipe-item {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
          height: 123px;
        }
      }
    //   .uni-swiper-wrapper {
    //     ::v-deep .uni-swiper-dots { // 指示点整个区域
    //         bottom: 100px!important;
    //     }
    //     ::v-deep .uni-swiper-dot { // 指示点元素默认样式
    //         width: 10upx !important;
    //         height: 10upx !important;
    //         // border: 1rpx solid #E0B079;
    //     }
    //     ::v-deep .uni-swiper-dot-active { // 指示点元素激活（当前选中）状态样式
    //         // background: #CD9763;
    //     }
    // }
    }
  }
  
  .fruit {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 100;
    .image {
      width: 50px;
      height: 50px;
      animation: jump 3s ease infinite;
    }
  }
   @keyframes jump{
    0%{ transform:translateY(0) scale(1,1);}
    50%{transform:translateY(-50px) scale(0.97,1.03);}
    100%{transform:translateY(0) scale(1,1);}
  }
}
